import { Route, Redirect } from 'react-router-dom'
import { isAuth } from '@/utiles'
// 组件只能是首字母大写，需要别名
const AuthRoute = ({ component: Component, ...res }) => {
  // 登录时，直接渲染相应页面组件, 未登录时，重定向到登录页面
  return (
    <Route
      {...res}
      // props可以拿到当前页面路径 props.location.pathname
      render={(props) => {
        if (isAuth()) {
          return <Component />
        } else {
          return <Redirect to={{
            // 重定向到哪个页面的地址
            pathname: '/login',
            // 在路由跳转时，携带额外数据
            state: {
              from: props.location.pathname
            }
          }}/>
        }
      }}
    />
  )
}
export default AuthRoute
